<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/angular.min.js"></script>
	</head>
	<style type="text/css">
		.div {
			width: 50%;
			height: 50px;
			border: 1px solid;
		}
		
		.div1 {
			width: 98px;
			height: 100%;
			border: 1px solid red;
			float: left;
			margin-left: 8px;
		}
		
		.div2 {
			width: 100%;
			height: 100%;
			border: 1px solid blue;
			/*display: flex;*/
			/*flex-wrap: wrap;*/
		}
	</style>
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>
	<body ng-app='app'>
		<div ng-controller="myCtrl">
			<input type="text" ng-model='a.name' />
			<button ng-click='show()'>显示</button>
		</div>

		<script type="text/javascript">
			angular.module('app', [])
				.controller('myCtrl', function($scope) {
					$scope.a = {};
					$scope.show = function() {
						console.log($scope.a);
					}
				})
		</script>

		<div class="div">
			<div class="div1">
				scf
			</div>
			<div class="div2">
				vfds
			</div>
		</div>
		<i class="icon-thumbs-up" ></i> icon-thumbs-up
		
		<i class="fa fa-address-book" aria-hidden="true" style="font-size: 36px; color: red;"></i>
	</body>

</html>